<template>
  <div class="gamelayer" style="height:100%;">
    <iframe :src="src" style="width:100%;height:100%;"></iframe>
    <div class="fanshui">
      <p>返水：
        <input :value="rebate" >
      </p>
      
    </div>
  </div>
</template>

<script>
import {api} from '@/api/api';
export default {
  data() {
    return {
      src:this.$route.query.link,
      rebate:0
    };
  },
  created(){
  },
  mounted() {
    this.getFanshuiData();
  },
  components: {},
  methods: {
    async getFanshuiData() {
      let res = await api.getRebateAmount();
      let { code, data, msg } = res.data;
      if (code == 0) {
        this.rebate = data.balance;
      }
    }
  }
};
</script>

<style lang="less" scoped>
.fanshui{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  p{
    color:#fff;
    font-size:36px;
    line-height:60px;
    position:relative;
    left:58%;
    padding-top:40px;
    input{
      color:#fff;
      font-size:36px;
    }
  }
}
</style>